<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车详情</title>
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./stylesheets/index.css">
    <link rel="stylesheet" href="./stylesheets/shopCartsDetail.css">
</head>

<body>
    <!-- 右边悬浮侧边栏开始 -->
    <div class="rightBar"></div>
    <!-- 右边悬浮侧边栏结束 -->

    <!-- 整个顶部开始 -->
    <div class="totalHeader"></div>
    <!-- 整个顶部结束 -->

    <!-- 购物车详情开始 -->
    <!-- <div class="addCartPopBox">
        <div class="addCartMask"></div>
        <div class="addCartPopCon">
            <img src="./images/shopping-popCart.gif" alt="">
            <div>
                <p>恭喜小主 ,成功添加到购物车咯~</p>
                <a class="goOnShop">继续购物</a>
                <a href="./shopCarts.html" class="toPay">立即结算</a>
            </div>
        </div>
    </div> -->
    <div class="w1200 shopCartsDetail">
        <div class="magnifier_addCarts clear">
            <!-- <div class="fl magnifierBox">
                <div class="leftBox">
                    <img class="imgBox"
                        src="https://img2.epetbar.com/2016-11/22/12/3443a03ae552a23d26ab6d7ef95c194a.jpg@!300w-c"
                        alt="">
                    <div class="clipBox"></div>
                    <div class="patch">
                    </div>
                </div>
                <div class="clear options">
                    <div>
                        <ul>
                            <li class="active">
                                <img src="https://img2.epetbar.com/2016-11/22/12/3443a03ae552a23d26ab6d7ef95c194a.jpg@!300w-c"
                                    data-src="https://img2.epetbar.com/2016-11/22/12/3443a03ae552a23d26ab6d7ef95c194a.jpg@!water"
                                    alt="">
                            </li>
                            <li><img src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c"
                                    data-src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c" alt=""></li>
                            <li><img src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c"
                                    data-src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c" alt=""></li>
                            <li><img src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c"
                                    data-src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c" alt=""></li>
                            <li><img src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c"
                                    data-src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c" alt=""></li>
                        </ul>
                    </div>
                    <p class="prevArrow"></p>
                    <p class="nextArrow"></p>
                </div>
                <div class="rightBox">
                    <img src="https://img2.epetbar.com/2011-01/12950021571.jpg@!300w-c" alt="">
                </div>
            </div>
            <div class="fl addCarts">
                <h1 class="title">珍宝SANPO深海鱼油配方幼犬粮 10kg</h1>
                <p class="des">小精包装 3+1突破配方 全面营养</p>
                <div class="price">
                    <p>市场价：<span class="del">¥220.00</span></p>
                    <p>
                        E宠价：
                        <span>¥</span>
                        <span class="ePrice">179.00</span>
                    </p>
                </div>
                <div class="m_4">
                    <div class="clear">
                        <span>
                            <span>已售：</span>
                            <span>5982</span>
                            盒
                        </span>
                        <span class="comment">
                            <span>评价：</span>
                            <a href="#">(1547)</a>
                            <span>咨询：</span>
                            <a href="#">(584)</a>
                        </span>
                        <span>
                            <span>赠送：</span>
                            最多
                            <span>17</span>
                            E宠币
                        </span>
                    </div>
                    <ul class="clear">
                        <li><img src="https://static.epetbar.com/static_wap/appmall/lib/goods/qualityassurance.png"
                                alt="">正品保证</li>
                        <li><img src="https://static.epetbar.com/static_wap/appmall/lib/goods/freeshipping.png"
                                alt="">99元包邮</li>
                        <li><img src="https://static.epetbar.com/static_wap/appmall/lib/goods/thirtydays.png"
                                alt="">30天退货</li>
                    </ul>
                </div>
                <div class="myBuy clear">
                    <span class="fl">我要买：</span>
                    <div class="fl">
                        <span class="fl">
                            <span class="reduceBtn">-</span>
                            <input class="countInput" type="text" value="1">
                            <span class="addBtn">+</span>
                        </span>
                        盒
                    </div>
                </div>
                <p class="express">
                    E宠快递15点前下单，其他快递16点前下单，当天发货。
                </p>
                <div class="addCartsBtn" data-id="goods1">
                    加入购物车
                </div>
            </div> -->
        </div>
    </div>
    <div class="w1200 detailCon clear">
        <div class="fl hotRank">
            <h2>本类热卖排行</h2>
            <ul>
                <li>
                    <a class="fl" href="#"><img
                            src="https://img2.epetbar.com/goods/sales/201905171801009_38283.jpg@!60w-c" alt=""></a>
                    <span>雷米高 澳丽得 牛肉深海鱼油成犬粮 500g</span>
                    <p>￥7.50</p>
                </li>
                <li>
                    <a class="fl" href="#"><img
                            src="https://img2.epetbar.com/2018-10/23/16/35f3fbf87a431070fa984197c96382e5.jpg@!60w-c"
                            alt=""></a>
                    <span>伯纳天纯 低敏配方小型犬 成犬粮 1.5kg</span>
                    <p>￥85.00</p>
                </li>
                <li>
                    <a class="fl" href="#"><img
                            src="https://img2.epetbar.com/2018-07/19/11/da954d97429dc0e0a66b6e5b3a95735f.jpg@!60w-c"
                            alt=""></a>
                    <span>比瑞吉 健康型天然粮 小型犬全价成犬粮 1.5kg</span>
                    <p>￥99.00</p>
                </li>
                <li>
                    <a class="fl" href="#"><img
                            src="https://img2.epetbar.com/goods/sales/20190428140132_181982.jpg@!60w-c" alt=""></a>
                    <span>蓝氏LegendSandy 牛肉海洋鱼全犬粮 9磅(4.08kg) </span>
                    <p>￥135.00</p>
                </li>
                <li>
                    <a class="fl" href="#"><img
                            src="https://img2.epetbar.com/goods/sales/upload_file_2019313384.jpg@!60w-c" alt=""></a>
                    <span>伯纳天纯 低敏配方小型犬 幼犬粮 1.5kg </span>
                    <p>￥95.00</p>
                </li>
                <li>
                    <a class="fl" href="#"><img
                            src="https://img2.epetbar.com/2018-07/19/11/980ef7338e9d1e3506b602f9a7bdb066.jpg@!60w-c"
                            alt=""></a>
                    <span>比瑞吉 健康型天然粮 小型犬全价幼犬粮 1.5kg</span>
                    <p>￥109.00</p>
                </li>
            </ul>
        </div>
        <div class="fr detailRight">
            <ul class="detailTab clear">
                <li><a class="active" href="#">商品详情</a></li>
                <li><a href="#">参数&公告(1)</a></li>
                <li><a href="#">评价(1518)</a></li>
                <li><a href="#">咨询(291)</a></li>
                <li><a href="#">正品保证</a></li>
            </ul>
            <div class="detailCenter">
                <div class="countryIntro">
                    <a class="introLogo fl" href="#"><img
                            src="https://img2.epetbar.com/brand/brandLogo/upload_file_1550814631.jpg@!water" alt=""></a>
                    <div class="brandsHome fl">
                        <p>
                            <a href="#">冠能PRO PLAN品牌馆</a>
                            <span>|</span>
                            <a href="#">美洲馆 · 美国</a>
                            <a class="follow" href="#"></a>
                        </p>
                        <p>
                            <a href="#">
                                （1）
                            </a>
                            <a href="#">
                                （5）
                            </a>
                        </p>
                    </div>
                    <div class="fr originPlace">
                        <p><span>生产产地：</span>中国</p>
                        <p><span>品牌起源地：</span>美国</p>
                    </div>
                </div>
                <div class="imgdetail">
                    <video class="h5-video" controls="controls"
                        poster="https://img1.epetbar.com/2019-01/18/16/91f7722421c4d66272c02d7cfddd3bd1.jpg"
                        onended="switchv()">
                        <source
                            src="https://v.epetbar.com/6e3ca39da9d44258a3b5b4c082d1e29f/9a6aeffe00ff414b96ef1a5736276d0a-5287d2089db37e62345123a1be272f8b.mp4">
                    </video>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-0ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-1ic"
                            alt="">
                    </div>
                    <div>
                        <img src="//img1.epetbar.com/2017-10/07/22/ef2715b41512aa99e5c85ff70a561149.jpg@!water" alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-3ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-5ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-6ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-7ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-8ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-9ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-10ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-11ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-12ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-13ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-14ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-15ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-16ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-17ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-18ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-19ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-20ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-21ic"
                            alt="">
                    </div>
                    <div>
                        <img src="https://img2.epetbar.com/2017-08/01/20/f208c5db6a0ebcccedadfd2a67c397c2.jpg@300y-22ic"
                            alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 购物车详情结束 -->

    <!-- 页面最底部开始 -->
    <div class="footer"></div>
    <!-- 页面最底部结束 -->

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="./scripts/common.js"></script>
    <script src="./scripts/shopCartsDetail.js"></script>
</body>

</html>